<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>保修列表</title>
    <link href="/widget/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"  type="text/css"/>
    <link href="/widget/iconfont/iconfont.css" rel="stylesheet" />
    {cssjs}
    <link href="/res/css/inside_page.css" rel="stylesheet"  type="text/css"/>
</head>

<body>
<div class="container-fluid larry-wrapper">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <!--头部搜索-->
            <section class="panel panel-padding">
                <form class="layui-form" method="get" action="?t=repair_list">
                    <div class="layui-form">
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <select name="repair_status" id="repair_status">
                                    {status_html}
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <input class="layui-input" id="service_sn" name="service_sn" value="{service_sn}" placeholder="报修单号">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <input type="button" lay-submit class="layui-btn" lay-filter="search" id="btn_search" value="查找"/>
                        </div>
                    </div>
                </form>
            </section>

            <!--列表-->
            <section class="panel panel-padding">
                <div class="group-button">
                    <!--<button class="layui-btn layui-btn-small modal-iframe" id="btn_apply_repair">
                        <i class="iconfont">&#xe649;</i> 申请报修
                    </button>-->
                    <button class="layui-btn layui-btn-small layui-btn-danger ajax-all" id="btn_del">
                        <i class="iconfont">&#xe626;</i> 删除
                    </button>
                    <button class="layui-btn layui-btn-small layui-btn-warm ajax-all" id="btn_ref">
                        <i class="iconfont">&#xe62e;</i> 刷新
                    </button>
                </div>
                <div class="layui-form">
                    <table id="example" class="layui-table lay-even">
                        <thead>
                        <tr>
                            <th width="20"><input type="checkbox" id="checkall" data-name="checkbox" lay-filter="check" lay-skin="primary"></th>
                            <th>序号</th>
                            <th>报修单号</th>
                            <th>维修类型</th>
                            <th>项目名称</th>
                            <th>报修描述</th>
                            <th>报修时间</th>
                            <th>期望维修时间</th>
                            <th>维修人</th>
                            <th>维修状态</th>
                            <th width="195">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {html}
                        </tbody>
                    </table>
                </div>

                <div class="text-right" id="page">
                    <ul class="pagination pull-right">
                        {page}
                    </ul>
                </div>
            </section>
        </div>
    </div>
</div>
{jsmodel}
<script type="text/javascript">
    layui.use('repair_list');
    var page = "{p}";
    var len = $("#page ul li").length;
    if(len < 6){

    }else{
        for (var i=0;i<=len;i++){
            var ilen = $("#page ul").find('li a').eq(i).html();
            if(ilen == page){
                $("#page ul").find('li a').eq(i).css({'color':"#00ee00"});
            }
        }
    }

</script>
</body>
</html>
